<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="author" content="PIXINVENT">
<title>自助售货管理后台</title>
<link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>
<body>
<div class="content-wrapper">
  <div class="content-header ">
    <div class="content-header-left mb-2">
      <h3 class="content-header-title mb-0">设备告警</h3>
    </div>
  </div>
  <div class="card">
    <div class="card-content">
      <div class="card-body">
        <div class="searchbox">
          <form class="form-inline">
            
            <div class="form-group">
              <select class="form-control"> <option value="">全部设备</option></select>
                           
            </div>
            <div class="form-group">
              <input type="text" class="form-control date" placeholder="请选择起止日期" id="test1" style="min-width: 300px;">
            </div>
            
            
            
			  <div class="form-group">
              <button type="submit" class="btn btn-primary">查询</button>
            </div>
            
          </form>
        </div>
        <div class="funcbtn clearfix">
          <div class="pull-left">
			<a class="btn btn-info" href="#">导出报表</a>
			  <a class="btn btn-danger" href="#">删除告警</a>
			</div>
        </div>
        <div class="tablebox1">
          <table class="table">
            <thead>
             <tr>
                        <th>
                            <input type="checkbox" class="check-all">
                        </th>
                        <th>序号</th>
                        <th>设备号</th>
                        <th>设备名</th>
                        <th>设备位置</th>
                        <th>消息</th>
                        <th>告警时间</th>
                    </tr>
            </thead>
            <tbody>

				<tr>
                        <td>
                            <input type="checkbox" class="check-item" data-id="76514">
                        </td>
                        <td>76514</td>
                        <td>4799</td>
                        <td>e</td>
                        <td></td>
                        <td>货柜 A的1号电机有误</td>
                        <td>2018-12-10 10:18:25</td>
                    </tr>
            </tbody>
          </table>
 
			<div class="page clearfix">
						<div class="pull-left">共 400 条记录 第 1 / 80 页</div>
						<div class="pull-right">
							
							<nav aria-label="..." class="pull-left">
								  <ul class="pagination">
									<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
									<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
								 </ul>
							   </nav>
							
							<div class="pull-left p-r-20  p-l-20"><select class="form-control"><option>10条每页</option></select></div>
							<div class="pull-left">跳至<input type="text" value="5" class="form-control">页</div>
							</div>
							
						</div>
			
		  </div>
      </div>
    </div>
  </div>
</div>
	

	


<script src="app-assets/js/vendors.min.js" type="text/javascript"></script> 
<script src="app-assets/js/app-menu.js" type="text/javascript"></script> 
<script src="app-assets/js/app.js" type="text/javascript"></script> 
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script> 
<script src="app-assets/laydate/laydate.js" type="text/javascript"></script> 
<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
    elem: '#test1'
  ,range: true
  ,theme: '#00B5B8'
});
</script>
</body>
</html>